body,html{padding:0px;margin:0px;width:100%;height:100%;}
body{overflow-x:hidden;background:#f8f8f8;}
body,html,div,view,text,span{font-size:12px;}
input::-webkit-input-placeholder{font-size:14px;}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	margin-bottom:0px;
}

input[type=radio]{
		-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;border: 1px solid #bbb;outline: none;cursor: pointer;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	}
	input[type=radio]:after{
		content: '';position: absolute;width: 12px;height: 12px;display: block;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: #bbb;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);-webkit-transition : all ease-in-out 300ms;-moz-transition : all ease-in-out 300ms;transition : all ease-in-out 300ms;
	}
	input[type=radio]:checked:after{
		-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
	}
	input[type=checkbox]{
		-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;width: 20px;height: 20px;background: transparent;border:1px solid #bbb;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;outline: none;cursor: pointer;
	}
	input[type=checkbox]:after{
		content: ' ';position: absolute;display: block;top:2px;left:2px;bottom:2px;right:2px;background: #bbb;color: #fff;text-align: center;line-height: 18px;-webkit-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;transition: all ease-in-out 300ms;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;opacity: 0;
	}
	input[type=checkbox]:checked:after{
		-webkit-border-radius: inherit;-moz-border-radius: inherit;border-radius: inherit;opacity: 1;
	}


body page{display:flex;flex-flow:column;position:fixed;z-index:2;width:100%;height:100%;left:0px;top:0px;overflow:hidden;}

header{padding-top:20px;z-index: 990; width:100%;}
@media only screen and (device-width: 375px) and (device-height: 812px) and
   (-webkit-device-pixel-ratio: 3) {
   header{
	   padding-top: 40px;
   }
}

container iframe{width:100%;height:100%;border:0px;}
container{display:block;flex:1;width:100%;}
footer{width:100%;height:50px;bottom:0px;}

map{display:block;}
marker{display:block;}

.ux-container{flex:1;}
.ux-scroll{width:100%;}

view{display:block;}
scroll-view{display:block;}

poster{display:block;width:100%;height:100%;position:absolute;overflow:hidden;transition:none;transform: translate3d(0px, -100%, 0px);}
poster.active{transition:none;transform: translate3d(0px,0px, 0px);}


a,navigator{display:block;background:transparent;color:inherit;text-decoration:none;cursor:pointer;align-items: inherit;display: inherit;justify-content: inherit;}
a:active,navigator:active{background-color:rgba(127,127,127,0.1);}
a:after,navigator:after{clear:both;display: table;content: " ";}

clear{clear:both;display:block;}

swiper{display: block;width: 100%;white-space: nowrap;overflow:hidden;}
swiper-item{display:inline-block;width: 100%;height: 100%;overflow: hidden;}
swiper-item img{width:100%;height: 100%;}

iframe.popup{position:fixed;width:100%;height:100%;left:100%;top:0px;z-index:9;background-color: #fff;transform: translate3d(0px, 0px, 0px);transition:transform 0.46s cubic-bezier(.165,.84,.44,1);}

map{display:block;width: 100%;}

.row{display:block;margin:0px;}
.row:after{clear: both;display: table;content: " ";}
.col,.col-0,.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9{
	float: left;position: relative;height: 100%;box-sizing: border-box;
	font-size: inherit;color:inherit;font-weight: inherit;
}
.col-0 {
    width: 20%;
}
.col-12 {
    width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}


/**省略号**/
.ux-ddd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/** 居中盒子  **/
.ux-flex{display:flex;align-items: center;justify-content: center;}
.ux-flex:empty:after{content:"center";} 
.ux-flex-c{display:flex;justify-content: center;}
.ux-flex-r{display:flex;justify-content: flex-end;}
.ux-flex-l{display:flex;justify-content: flex-start;}
.ux-flex-e{display:flex;align-items: center;}
.ux-flex-t{display:flex;align-items: flex-start;}
.ux-flex-b{display:flex;align-items: flex-end;}

/**细边框**/
.ux-bt,.ux-t,.ux-b,.ux-lr,.ux-l,.ux-r{position: relative;} 
.ux-bt:before,.ux-t:before{display: block;background-color: #d8d8d8;position: absolute;z-index:10;right: 0px;left: 0px;height:1px;top:-0px;content: '';transform: scaleY(.35);}
.ux-bt:after,.ux-b:after{display: block;background-color: #d8d8d8;position: absolute;z-index:10;right: 0px;left: 0px;height:1px;bottom:-0px;content: '';transform: scaleY(.35);}
.ux-lr:before,.ux-l:before{display: block;background-color: #d8d8d8;position: absolute;z-index:10;top: 0px;bottom: 0px;width:1px;left:-0px;content: '';transform: scaleX(.35);}
.ux-lr:after,.ux-r:after{display: block;background-color: #d8d8d8;position: absolute;z-index:10;top: 0px;bottom: 0px;width:1px;right:-0px;content: '';transform: scaleX(.35);}
.ux-n:before,.ux-n:after{display:none;} 


/**右侧剪头**/
.ux-m{position: relative;box-sizing: border-box;}
.ux-m:after{
	font-family:"iconfont" !important;content:'\e8c9';
	font-size:16px;font-style:normal;font-weight:300;
    -webkit-font-smoothing: antialiased;
    line-height: 1;position: absolute;display: inline-block;
    color: #bbb;right: 15px;top: 50%;margin-top:-7px;
}

/**颜色**/
.ux-blue-a{color: rgba(0, 122, 255,0.7);}
.ux-red,.ux-color-1{color:#FF5722;}
.ux-green,.ux-color-2{color:#48aa43;}
.ux-blue,.ux-color-3{color:#49b3ff;}
.ux-yellow,.ux-color-4{color:#ffa000;}
.ux-purple,.ux-color-5{color: #911ab3;}
.ux-gray,.ux-color-6{color:#666;}  
.ux-black,.ux-color-7{color:#000;}
.ux-white,.ux-color-8{color:#fff;}


/**背景色**/
.ux-red-bk,.ux-bk-1{background: #dd524d;color:#fff;}
.ux-green-bk,.ux-bk-2{background:-webkit-gradient(linear,0% 100%, 0% 20%, from(#68d143), to(#48aa43));color:#fff;}
.ux-blue-bk,.ux-bk-3{background:-webkit-gradient(linear,0% 100%, 0% 20%, from(#39a3ef), to(#49b3ff));color:#fff;}
.ux-yellow-bk,.ux-bk-4{background: #ffa000;color:#fff;} 
.ux-banner-mask.ux-bk-blue{background:#49b3ff;}
.ux-purple-bk,.ux-bk-5{background: #911ab3;color:#fff;}
.ux-gray-bk,.ux-bk-6{background:#ededed;}
.ux-black-bk,.ux-bk-7{background:#000;color:#fff;}
.ux-white-bk,.ux-bk-8{background:#fff;}



.ux-popup-mask{position:absolute;width:100%;height:100%;top:0px;background-color:rgba(0,0,0,0.30);z-index:999;}
.ux-popup{background-color:#ffffff;border-radius:8px;position:relative;display:flex;flex-flow:column;}
.ux-popup-title{height:38px;}
.ux-popup-content{height:100%;padding: 5px 15px;font-size:14px;}
.ux-popup-caption{margin-left:20px;color:#393D49;}
.ux-popup-close{position:absolute;top:0px;right:0px;width:40px;height:40px;}

/** 标题栏  **/
.ux-nav-item{float:left;height:100%;padding:0 30px;}
.ux-nav-item.active{background:#393D49;}
.ux-nav-a{font-size:16px;color:#ffffff;}

/** 搜索  **/
.ui-search{background-color:#FAFAFA;}
.ui-search-ctrl{padding:10px;position:relative;z-index:999;background-color:#FAFAFA;}
.ui-search-warp{flex:1;min-height:100%;}
.ui-search-input{text-align:left;z-index:999;}
.ui-search-cancel{height:32px;line-height:32px;width:50px;}
.ui-search-cancel-text{color:#333333;font-size:16px;}
.ui-search-list{flex-flow:column;background-color:#FAFAFA;top:0px;position:fixed;width:100%;height:100%;z-index:998;}
.ui-search-holder{border-radius:90px;height:32px;border:0;text-align:center;z-index:999;background-color:#ffffff;}
.ui-search-fill{height:50px;}
.ui-search-item{background-color:#ffffff;}
.ui-search-item-a{line-height:50px;height:48px;}
.ui-search-item-text{margin-left:20px;font-size:15px;}

/** 产品列表  **/
.ui-products{width:100%;}
.ui-product{box-shadow:0 0 1px rgba(0, 0, 0, 0.2);padding-bottom:10px;}
.ui-product-item{padding:20px;}
.ui-product-title{font-size:18px;font-weight:bold;}
.ui-product-profile{line-height:32px;margin-left:10px;}
.ui-product-icon{font-size:66px;}


/** 内容面板  **/
.ux-panel{margin-top:5px;margin-bottom:5px;background:#ffffff;border-bottom:0px;}
.ux-panel .ux-title{line-height:40px;}
.ux-panel .ux-title text{margin-left:10px;}
.ux-panel .ux-content-warp{display:block;padding:10px;}
.ux-panel .ux-content-warp .ux-content{display:block;}

/** 标签  **/
.ux-label{display: inline-block;padding: 3px 5px;font-size: 10px;line-height: 1;
    text-align: center; white-space: nowrap;vertical-align: baseline;border-radius: 2px;}
/** 红点  **/
.ux-dot{display: inline-block;width: 6px;height: 6px;background: #ff2600;border-radius: 50px;
position: absolute;top: 6px;left: 10px;z-index: 99;}
/** 角标  **/
.ux-badge{display: inline-block;width: auto;text-align: center;min-width: 12px;height:12px;line-height: 12px;
padding:0 2px;font-size:10px;color: #ffffff;background-color: #ff2600;border-radius:50px;position: absolute;
top:2px;right:10px;z-index: 99;}


/** 九宫格 **/
.ux-latex{width:100%;padding:10px 0px;}
.ux-latex:after{clear: both;display: table;content: " ";}
.ux-latex-item{position:relative;width:25%;height:72px;float:left;margin-bottom: 0px;}
.ux-latex-warp{display:block;margin:0px auto;padding-top:5px;text-align: center;}
.ux-latex-icon{font-size:32px;text-align:center;display: inline-block;position:relative;padding:5px;line-height: 1; margin:0px auto;}
.ux-latex-text{display:block;text-align:center;color:#000000;font-size:14px;}

/** 列表 **/
.ux-list{position: relative;}
.ux-list .ux-item{position: relative;box-sizing: border-box;padding: 10px 10px;background-color:#ffffff;line-height:32px;}

/** 普通按钮 **/
.ux-btn{text-align: center;height:40px;line-height:40px; border:0px; border-radius: 0px;padding: 0px 16px;}

/** 块级按钮 **/
.ux-btn-warp{overflow: hidden;margin:10px;}
.ux-btn-block{display:block;position: relative;margin:10px;cursor:pointer;text-align: center;height:40px;line-height:40px; border:0px; border-radius: 0px;}
.ux-btn-block::after{display: none;}

.ux-panel{background: #fff;margin-top:6px;}

.ux-highlight{border: 1px solid #fcd113; padding: 5px; background: #f8da4e; color: #915608;}

/** 图标 **/
.ux-icon{display: inline-block; position:relative; font-size:25px;margin:3px;padding:5px;line-height: 1;}
/** 角标 **/
.ux-badge{font-size: 9px; line-height: 9px; min-width: 9px; font-weight: 300; background: red; color: #fff; display: inline-block; position:absolute; top: 0px; right:0px;  border-radius: 90px; padding:3px;font-family: "微软雅黑";}

.ux-data-empty{padding:30px 10px;text-align:center;border:0px;}
.ux-data-empty icon{display:block;margin:0px auto;font-size:64px;color:#ddd;}
.ux-data-empty text{font-size:14px;color:#999;} 

/** 媒体对象 **/
.ux-madie{background-color:#ffffff;}
.ux-madie-warp{display:block;padding-top:5px;padding-bottom:5px;}
.ux-madie-pic{width:72px;margin:5px;height:72px;}
.ux-madie-title{line-height:32px;}
.ux-madie-more{float:right;margin-right:15px;font-size:11px;}
.ux-madie-content{color:#666666;font-size:11px;}
